/*必须拷贝的样式*/
body { color: #333333; text-align: left; height: 100%; font-size: 16px;}
html{ height: 100%;}
* { margin: 0; padding: 0; font-family: "Microsoft YaHei"; outline: none; font-style: normal;}
a { text-decoration: none; }
/*a:link, a:visited { color: #333; }*/
a:hover { text-decoration: none; color: #1658A0; }
ul, li { list-style-type: none; margin: 0; padding: 0; }
img { border: 0; vertical-align: middle; max-width: 100%;}
.clear { clear: both; *height: 1px; }
input, select { vertical-align: middle;}
input[type="button"],input[type="submit"]{ cursor: pointer; appearance: button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button;}
.f_i{ text-indent: 2em;}
.f_l{ float: left;}
.f_r{ float: right;}
.no{ display: none;}
.clearflx:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
input[type="submit"],input[type="button"]{ border: 0;}
.clear{ clear: both;}
.container{ max-width: 1300px; margin:0 auto; }
.con_bg{ background-color: #f6f6f6; padding-top: 64px; padding-bottom: 64px;}
.con_bg1{ background-color: #ececec; padding-top: 64px; padding-bottom: 64px;}
.pad_con{ padding: 32px; background-color: #ffffff;}
.pad_b50{ padding-bottom: 50px;}
.max_img {cursor: pointer;width: 100%; height: 100%; overflow: hidden;position: relative;z-index: 1;}
.max_img img {width: 100%; height: 100%; bottom: 0; top: 0;position: relative;left: 0;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;}
li:hover .max_img img,div:hover.max_img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:1280px) {
	.container{ overflow: hidden;}
	.pad_con{ padding: 24px;}
	.con_bg,.con_bg1{ padding: 32px;}
}
@media screen and (max-width:992px) {
	.con_bg,.con_bg1{ padding: 16px;}
	.pad_con{ padding: 16px;}
	.con_bg .container{ margin-bottom: 0;}
}
@media screen and (max-width:375px) {
	.pad_con{ padding: 12px;}
}

/*必须拷贝的样式结束*/
.header_21{z-index:inherit;}
.header_21_tit>span{margin-left: 0px;}
.header_21_a_link a{color: #1658a0;}
.header_21_con2{height: 335px; background: url(21nd_bg.jpg) no-repeat center;background-size: cover; border-top: 4px solid #1658A0;}
.header_21_btn{width: 22.6415%; height: 62px; background: #dc852d; border-radius:0px 8px 8px 0px;}
.header_21_ss{padding: 0px;width: auto; position:inherit; top: inherit; transform:inherit; background: #FFFFFF; line-height: 62px; height: 62px;}
.header_21_inp{width: 50%; height: 62px; line-height: 62px; color: #999999;}
.header_21_picker{height: 62px; line-height: 62px;}
.header_21_btn span{ color: #FFFFFF;font-size: 18px; color: #FFFFFF; margin-right: 8px;}
.header_21_picker input{color: #999999;}
.header_21_picker::after{background-color: #999999; top: 21px;}
.header_21_inp::-webkit-input-placeholder{ color: #999999;}
.header_21_aa{font-size: 0px; height: 24px; overflow: hidden; margin-top: 15px;}
.header_21_aa span{font-size: 14px;}
.header_21_aa a{display:inline-block; font-size: 14px; margin: 0px 4px; padding: 0px 5px; height: 24px; line-height: 24px; color: #FFFFFF; background: rgba(0,0,0,0.4); border-radius:4px;}
.header_div{margin: 0 auto; width: 40.7692%;}
.header_21_con2 .container_21{}
.header_21_con2{display: flex;align-items: center; } 
.header_tq{width:25%; margin-right: auto; display: none; padding:20px 24px; background: rgba(255,255,255,0.88);border-radius:8px; color: #333333;}
.header_top{font-size: 14px; line-height: 25px; margin-bottom: 15px; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5;}
.header_ul ul li{ float: left; line-height: 30px; text-align: center; font-size: 22px; font-weight: bold;}
.header_ul ul li:first-child{background: url(21nd_xian1.png) no-repeat right; padding-right: 25px;}
.header_ul ul li span{display: inline-block; margin-right: 10px;}
.header_ul ul li:nth-child(2){float: right;}



@media screen and (max-width:1366px) {
    .header_ul ul li{font-size: 18px;}

}
@media screen and (max-width:1280px) {
    .header_ul ul li{font-size: 18px;}
    .header_ul ul li:first-child{padding-right: 0px; background: none;}
    .header_ul ul li span{margin-right: 5px;}
}

@media screen and (max-width:1000px) {
    html, body { width: 100%; height: 100%; -webkit-text-size-adjust: none; text-size-adjust: none; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%; }
    a, img { -webkit-touch-callout: none; }
    html, body, h1, h2, h3, h4, h5, h6, p, br, form, input, button, textarea, select, fieldset, legend, blockquote, ul, ol, li, dl, dt, dd, pre, table, caption, tr, td, th, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video { display: block; }
    body { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; min-width: 100%; }
    * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }
    .animated { -webkit-animation-duration:0s; animation-duration:0s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
    .contain{ width:100%; overflow-x: hidden}
    .ove-none{overflow-x: inherit}
    img{ max-width:100%}

    .header_21_aa,.header_ul ul li:nth-child(2),.header_top,.header_21_btn span,.footer_21_tit{display: none;}
    .header_div{width: 90%;}
    .header_tq{width: auto; margin-bottom: 16px; margin-right:initial; padding: 15px;}
    .header_21_con2 .container_21{ align-items: center; justify-content: space-between; flex-direction: column;}
    .header_ul ul li:first-child{background: none; float:inherit; margin: 0 auto;padding: inherit;}
    .header_21_picker{width: 20%;}
    .header_21_btn{width: 15%;margin-right: 0}
    .header_21_picker,.header_21_ss,.header_21_inp,.header_21_btn{height: 45px; line-height: 45px;}
    .header_21_picker::after{top: 13px;}


    .header_21_picker input {
        padding-left: 15px;
    }

}




/*** 横条 ***/
.ht-sec-ban .header_21_con2{height: 80px;background:#1658a0;}
.ht-sec-ban .container_21{position: relative;display: block}
.ht-sec-ban .header_tq{width: auto;padding: 0;background: none; display: block;}
.ht-sec-ban .header_top{color: #fff;position: absolute;left: 0;top: 0;max-width: 200px;border-bottom: 0;}
.ht-sec-ban .header_ul{position: absolute;right: 0;top: 0;}
.ht-sec-ban .header_21_aa{display: none;}
.ht-sec-ban .header_div{width: 500px;margin-left: 320px;}
.ht-sec-ban .header_21_ss{height: 48px;line-height:48px;background:rgba(255,255,255,.2);}
.ht-sec-ban .header_21_picker,.ht-sec-ban .header_21_inp{height: 48px;line-height: 48px;}
.ht-sec-ban .header_21_picker input,.ht-sec-ban .header_21_inp{color: #fff;}
.ht-sec-ban .header_21_picker .upDown{background: url(21nd_header_arr2.png) no-repeat scroll center !important;}

.ht-sec-ban .m_3_2021 {padding-left: 1%;}
.ht-sec-ban .header_21_inp::-webkit-input-placeholder{color:#fff;}
.ht-sec-ban .header_21_inp::-moz-placeholder{color:#fff;}
.ht-sec-ban .header_21_inp:-moz-placeholder{color:#fff;}
.ht-sec-ban .header_21_inp:-ms-input-placeholder{color:#fff;}
.ht-sec-ban .nav_2021 li a em {
    bottom: -6px;
}
.ht-sec-ban  .nav_con_2021 { margin-top: 6px;}
.ht-sec-ban .header_21_picker::after {background-color: #fff;top: 14px;}
.ht-sec-ban .header_21_btn span{display: none;}
.ht-sec-ban .header_21_btn {width: 10%;height: 48px;background: none;}
.ht-sec-ban .header_ul ul li span{display: none}
.ht-sec-ban .header_ul ul li:first-child{background: none;padding-right: 0;}
.ht-sec-ban .header_ul ul li a{font-size: 22px;font-weight: bold;display: inline-block;padding: 0 15px;height: 44px;line-height: 44px;border-radius: 10px;margin-left: 10px;background: url(2021-nd-sz-bg1.png) no-repeat center;background-size: cover;color:#fff;}
.ht-sec-ban .header_ul ul li:nth-child(2) a{background: url(2021-nd-sz-bg2.png) no-repeat center;background-size: cover;}

.ht-sec-ban .header_21_inp{width: 60%}

.ht-sec-ban+.contain .tit_top{margin-top: 20px}

@media screen and (max-width: 1280px){
    .ht-sec-ban .header_div {width: 400px;margin-left: 250px;}
    .ht-sec-ban .header_21_picker input{padding-left: 12px;}
    .ht-sec-ban .header_21_picker .upDown{right: 10px;}
    .ht-sec-ban .header_ul ul li a{font-size: 18px;}

}

@media screen and (max-width: 1000px){
    .ht-sec-ban .container_21{padding: 0 20px;}
    .ht-sec-ban .header_tq .header_top{display: none}
    .ht-sec-ban .header_div{width: 79%;margin-left: 0;}
    .ht-sec-ban .header_tq{float: right;width: 19%;}
    .ht-sec-ban .header_ul{position: static;width: 100%}
    .ht-sec-ban .header_ul ul li a{width: 100%;margin-left: 0;font-size: 16px;line-height: 38px;height: 38px;padding: 0;}
    .ht-sec-ban .header_21_ss,.ht-sec-ban .header_21_picker, .ht-sec-ban .header_21_inp{height: 38px;line-height: 38px;}
    .ht-sec-ban .header_21_picker::after{top: 9px;}
    .ht-sec-ban .header_21_btn{height: 38px;line-height: 38px;}
    .ht-sec-ban .header_21_con2{height: 70px;}
    .ht-sec-ban .header_tq{margin-bottom: 0}
    .ht-sec-ban+.contain .tit_top{margin-top: 0px}
}

@media screen and (max-width: 750px){
    .ht-sec-ban .container_21{padding: 0 15px;}
    .ht-sec-ban .header_div{width: 71%}
    .ht-sec-ban .header_tq{width: 27%}
    .ht-sec-ban .header_21_picker input {
        padding-left: 5px;
    }
    .ht-sec-ban .header_21_picker .upDown {
        right: 4px;
    }

}
@media screen and (max-width: 350px){
    .ht-sec-ban .header_21_picker .upDown{display: none}
}